// pages/search/search.js
import { createStoreBindings } from 'mobx-miniprogram-bindings'
import { store } from '../../store/store'

Page({

  /**
   * 页面的初始数据
   */
  data: {
    value: '',
    searchList: [],
    results: [],
    history: []
  },

  // 选择
  async choose(e) {
    console.log(e);
    this.setData({ value: e.target.dataset.q })
    const res = await wx.p.request({
      url: 'https://toutiao.itheima.net/v1_0/search',
      method: 'GET',
      data: {
        page: 1,
        per_page: 10,
        q: e.target.dataset.q
      }
    })
    console.log(res.data.data);
    this.setData({ results: res.data.data.results })
  },

  // 文本框输入
  async onChange(e) {
    if(this.data.value === '') {
      this.setData({
        results: [],
        searchList: []
      })
    }
    this.setData({
      value: e.detail,
    });
    if (this.data.value === '') return
    const res = await wx.p.request({
      url: 'https://toutiao.itheima.net/v1_0/suggestion',
      method: 'GET',
      data: {
        q: this.data.value
      },
      header: {
        Authorization: `Bearer ${store.token}`
      }
    })
    console.log(res.data.data.options);
    this.setData({
      searchList: res.data.data.options
    })
  },

  // 取消
  onCancel() {
    wx.navigateBack()
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.storeBindings = createStoreBindings(this, {
      store,
      fields: ['refresh_token', 'token', 'info'],
      actions: ['updateRefreshToken', 'updateToken', 'updateInfo']
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})